<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">

<head>
  <title></title>
  <meta charset="utf-8">
  <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
  <link rel="stylesheet" href="css/ui-box.css">
  <link rel="stylesheet" href="css/ui-base.css">
  <link rel="stylesheet" href="css/ui-color.css">
  <link rel="stylesheet" href="css/appcan.icon.css">
  <link rel="stylesheet" href="css/appcan.control.css">
  <link rel="stylesheet" href="css/BaggageTrace.css">
  <link rel="stylesheet" href="css/base.css">

</head>

<body class="um-vp bcF8F8F8" ontouchstart>
  <div id="page_0" class="up ub ub-ver bc-bg" tabindex="0">
    <!--header开始-->
    <header id="header">
      <!--导航栏开始-->
      <!--遮罩-->
      <div id="zhezhao" class="zhezhao" style="display: none;">
            
      </div>
      <div class="uh bc-text-head ub bc_head">
        <div class="nav-btn" id="nav-left"></div>
        <h1  class="ut ub-f1 ulev-3 ut-s tx-c cfff">行李服务</h1>
        <div class="nav-btn nav-bt" id="nav-right"></div>
      </div>
      <!--导航栏结束-->
      
      <!--tab开始-->
      <ul id="ulwrap" class="h25 bcFFF bor_bot_E7E7E7">
        <li class="ls bor_rig_D4D4D4 fs9 tx-c c6181CA">
         行李跟踪
        </li>
        <li class="ls bor_rig_D4D4D4 fs9 tx-c c9B9B9B">
          航班查询
        </li>
        <div id="__d" class="bor_bot2_6181CA"></div>
      </ul>
      <!--tab结束-->
      
    </header>
    <!--header结束-->
    
    
    <!--content开始-->
    <div id="BaggageContent" class="ub-f1">

    </div>
    <!--content结束-->

  </div>
</body>
<script src="js/appcan.js"></script>
<script src="js/appcan.control.js"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/z_API.js"></script>
<script src="js/common.js"></script>
<script>
  appcan.ready(function() {
    //var http = "http://127.0.0.1:8080/yddfMAS/";服务器测试MAS
    //"http://127.0.0.1:8080/yddfUATMAS/";本地UTATMAS
    //http://127.0.0.1:8080/yddfMAS/ 本地测试MAS
    var http = h_yddfUrl+"yddfMAS/";
    $('body').prepend('<img src="images/bg.png" /><canvas id = "watermark" width = "200px"  height = "100px" style="display:none;"></canvas><canvas id = "repeat-watermark"></canvas>');
    iG.bgm();
    appcan.locStorage.setVal("baggageHttp",http);
    var titHeight = $('#header').css("height");
     
    appcan.locStorage.setVal("BaggageServiceMainPagetHeight",titHeight);


    window.onorientationchange = window.onresize = function() {
      appcan.frame.resize("BaggageContent", 0, titHeight);
    }

    var $tabSelect = $(".ls");
    appcan.frame.open({
      id: "BaggageContent",
      url: [{
        "inPageName": "BaggageTraceMainPage",
        "inUrl": "BaggageTraceMainPage_content.html",
      }, {
        "inPageName": "BaggageFlightQueryMainPage",
        "inUrl": "BaggageFlightQueryMainPage_content.html",
      }],
      top: titHeight,
      left: 0,
      index: 0,
      change: function(err, res) {
        //console.log(res);
        //浮动窗口推拽变更时回调，可控制tab进行同步变更
        var index = Number(res.multiPopSelectedIndex);
        for(var i = 0; i < $tabSelect.length; i++){
          $($tabSelect[i]).css("color","#9B9B9B");
        }
        $($tabSelect[index]).css("color","#6181CA")
        var f = $("#__d").width() * index + "px";
        $("#__d").css("left", f);


       }

    });

    appcan.button("#nav-left", "btn-act", function() {
        //appcan.window.close(-1);
       uexWidget.finishWidget('');
    });

    uexWindow.setReportKey(0, 1);
    uexWindow.onKeyPressed = function(keyCode) {
      if (keyCode == 0) {
         uexWidget.finishWidget('');
      }
    }

  });
  /*
   * 加载菜单栏控件
   */
  var m = new menu("#ulwrap");
        m.click(".ls","#__d",function(index){
        appcan.frame.selectMulti("BaggageContent",index);
  });

    function closezhezhao(n){
        if(n==1){
             $("#zhezhao").show();
        }else{
             $("#zhezhao").hide();
        }
    }
    

</script>

</html>
